import React, {FC} from 'react';
import './index.css';
import {Button, Result} from 'antd';
import {useNavigate} from 'react-router-dom';

/**
 * 404页面
 */
const NotFound: FC = () => {
	const navigate = useNavigate();

	return (
		<Result
			status="404"
			title="404"
			subTitle="您访问的页面不存在！"
			className="not-found"
			extra={<Button type="primary" onClick={() => navigate('/')}>返回首页</Button>}
		/>
	);
};

export default NotFound;